<template>
  <div>
    <div class="z"></div>
    <div class="footer">
      <div class="foot-item">
        <div class="i1">导航</div>
        <div class="line"></div>
        <div>
          <div>人才政策一网通查</div>
          <div>人才计划一网申报</div>
          <div>人才服务一网通办</div>
        </div>
      </div>
      <div class="foot-item">
        <div class="i1">技术支持</div>
        <div class="line"></div>
        <div>
          <div>华舜网络</div>
          <div>管理员信箱: GCCRC@SZRC.CN</div>
        </div>
      </div>
      <div class="foot-item a-a">
        <div class="i1">版权所有</div>
        <div class="line"></div>
        <div>
          <div>连云港市人才服务中心</div>
          <div>苏公安网备11010502035891</div>
          <div>苏ICP备19002079号-2</div>
        </div>
      </div>
      <div class="qr-box">
        <div style="background-image: url(../../assets/index/testqr.png);  width: 98px;"></div>
        <div>一站式微信服务公众号</div>
      </div>
    </div>
  </div>
</template>
<script>
// import {debounce} from 'lodash'
export default {
  name: "Footer"
};
</script>
<style scoped>
.z {
  height: 120px;
}
.footer {
  /* position:fixed; */
  bottom: 0;
  width: 100%;
  padding: 32px 0 30px;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  line-height: 1.6em;
}
.foot-item {
  display: flex;
  align-items: center;
  margin-right: 66px;
  font-size: 14px;
}
.line {
  width: 1px;
  height: 100px;
  background: #ccc;
  margin: 0 22px 0 27px;
}
.i1 {
  width: 2em;
  font-weight: bold;
  font-size: 16px;
}
.qr-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  line-height: 2em;
}
</style>
